﻿body, td, div, input, select
{
    font-family:'Malgun Gothic', Dotum, Arial, Tahoma;
    font-size:12px;
    line-height:16px;
}

body
{
    background-image:url('../img/MainBackgroundPattern.png');
    background-repeat:repeat-x;
}

input, select
{
    border-top:1px solid #999999;
    border-left:1px solid #999999;
    border-bottom:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    font-size:14px;
    background:#F8F8F8;
    padding:3px;
}

table
{
    padding:0px;
}

a, img { border:0px; }

a { color:#207a95;text-decoration:none; }
a:link { color:#207a95; }
a:hover { color:#207a95;text-decoration:underline; }
a:visited { color:#207a95; }

#OuterContainer
{
    width:740px;
    margin:auto auto;
}


#Header, #HeaderForHome
{
    width:740px;
    margin:0 auto;
    color:#666666;
}

#Header { width:740px; }
#Header .LoginInfo { height:30px; }
#Header .CILogo { height:44px; border-bottom:1px dashed #999999; width:740px;}
#Header .CILogo img { vertical-align:bottom; }

#Footer
{
    width:740px;
    margin:0 auto;
    color:#666666;
}

#Footer div.MemberLinks { text-align:center;}

#HomeTop { width:740px;}
#HomeTop div.MainLogo { margin:0 auto; text-align:center;}

#Home { width:740px; height:400px; margin:10px;}
#Home div.LeftBlock { width:400px; float:left; height:200px; }
#Home div.RightBlock { width:275px; float:right; }
#Home div.EventListTitle { background-image:url('../img/general/Main_Help_Title.png');width:399px;height:29px; }
#Home div.ThankListTitle { background-image:url('../img/general/Main_Thanks_Title.png');width:399px;height:29px; }
#Home div.NewFaceListTitle { background-image:url('../img/general/Main_newPeople_Title.png');width:274px;height:32px; }


#Login { margin:100px auto; width:370px; font-size:14px;}
#Login div.LoginFormContainer {  }
#Login div.LoginTitle { background-image:url('../img/login_Title.png'); width:366px; height:30px; }
#Login div.LoginButton { float:right; }
#Login div.JoinButtonContainer { margin-top:10px; }

#Member {  margin:100px auto; width:370px; font-size:14px;}
#Member div.LoginFormContainer {  }
#Member div.LoginTitle { background-image:url('../img/login_Title.png'); width:366px; height:30px; }
#Member div.LoginButton { float:right; }
#Member input.InputButton { background-color:#d95742; color:white;}
#Member div.JoinButtonContainer { margin-top:10px; }
#Member div.JoinTitle { background-image:url('../img/join_Title.png'); width:366px; height:30px; margin-bottom:8px;}
#Member div.FindIdTitle { background-image:url('../img/findID_Title.png'); width:366px; height:30px; margin-bottom:8px;}
#Member div.FindPWTitle { background-image:url('../img/findPW_Title.png'); width:366px; height:30px; margin-bottom:8px;}

#Member div.FieldLine { margin-bottom:10px; }

input.InputButton { background-color:#d95742; color:white;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;
                           border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;
                           height:28px;vertical-align:middle;}
input.FindIDButton { background-image:url('../img/findID_Icon.png'); width:110px; height:48px; }
input.FindPWButton { background-image:url('../img/findPW_Icon.png'); width:110px; height:48px; }
input.JoinButton { background-image:url('../img/join_Icon.png'); width:110px; height:48px; }
input.InputRadio { border:0px;background-color:transparent; width:20px;height:20px;vertical-align:middle;}

span.JoinCaption { width: 100px;}

#Search { width:634px; margin:40px auto;}
#Search div.HelpEventTitle { background-image:url('../img/search/Search_Help_Title.png'); width:633px; height:19px; margin-top:10px;margin-bottom:8px; vertical-align:middle; }
#Search div.HelperTitle { background-image:url('../img/search/Search_Give_Title.png'); width:633px; height:19px; margin-top:10px;margin-bottom:8px; }
#Search input.HelperSearchTextBox {border:3px solid #df3d30;vertical-align:middle; height:18px; margin-top:-4px;width:280px;}
#Search input.SearchTextBox { border:3px solid #156183;vertical-align:middle; height:18px; margin-top:-4px;width:280px;}
#Search div.PagerContainer { margin:0 auto; text-align: center; vertical-align: middle; background-color:Red;}
#Search div.Description { color:#666666; border-bottom:1px solid #EFEFEF; width:634px; padding-bottom:4px;}
#Search .Cell {border-bottom:1px solid #EFEFEF;padding-top:4px; padding-bottom:4px;vertical-align:top;color:#666666;}
#Search .ResultTable { width:634px; }
#Search .DetailLink { font-size:14px;font-weight:bold;}

img.ProfileImageInList { width:48px; height:48px; border:2px solid #E0E0E0;}
.Profile {color:#666666;}
.Profile strong { color:Black; }
.DateTime { font-size:10px;color:#CC9999; } 
img.CategorySet { margin-right:2px; width:14px; height:14px; vertical-align:middle;}

div.TwitterFollowButton { position:absolute; left:0px; top:40px;}

.SearchButton { background-image:url('/res/img/search/Search_SearchBtn.png');width:112px;height:30px;padding:0px;border:0px;vertical-align:middle;margin-top:-4px;cursor:hand; }
